
// var index = 0;
// $('.prev').click(function(){
//     index = index==0 ? 3 : index-1;
//     move();
// });

// $('.next').click(function(){
//     index = index==3 ? 0 : index+1;
//     move();
// });


var index = 0;
// 下一张
$('.next').click(function(){
    index ++;
    if (index == 4) {
        index = 0
    }
    move()
});
$('.prev').click(function(){
    index --;
    if (index == -1) {
        index = 3;
    }
    move();
});
function move(){
    console.log(index);
    //  left = 0      -600   -1200  -1800
    // index = -600*0 -600*1 -600*2 -600*3
    $('#box .list').stop(true).animate({left:-600*index},200);
    $('#box .indicator li').eq(index).addClass('active').siblings().removeClass('active');
}
